<include file="Public:pageHeader"/>
<link href="_STATIC_/layui/css/layui.css" rel="stylesheet" type="text/css" />
<link href="_STATIC_/search/css/index.css?v={$staticVersion}" rel="stylesheet" type="text/css" />
<!--主区域-->
<div class="mainBox on">
    <!--搜索-->
    <div class="wrapper" style="justify-content: left">
        <ul class="search-item">
            <!-- <li class="search-type" value="0" onclick="Searcher.clickTextTypeBtn(this)">智能搜索</li> -->
            <li class="search-type on" value="1" onclick="Searcher.clickTextTypeBtn(this)">商标名</li>
            <li class="search-type" value="2" onclick="Searcher.clickTextTypeBtn(this)">注册号</li>
            <li class="search-type" value="3" onclick="Searcher.clickTextTypeBtn(this)">申请人</li>
            <li class="search-model" id="search-mode">搜索模式</li>
        </ul>
        <ul id="param-order-by-box" class="search-item"></ul>
    </div>
    <div class="wrapper">
        <div class="search-input">
            <span class="search-input-icon"></span>
            <span class="search-input-text"><input class="search-content" autocomplete="off" id="search-keywords" placeholder="输入带“某”字的商标（输入1个字，比如“味”）" value="{$keywords}"></span>
            <span class="search-input-button"><button class="search-button" id="search-button">搜索</button></span>
        </div>
        <div class="search-help">
            <button class="search-help-button">帮我免费找标</button>
        </div>
    </div>
    <!-- 首页 -->
    <div class="shouye">
        <div class="wrapper">
            <div class="choose-box">
                <!--选择参数，不展示-->
                <div class="search-param-nav-wrapper" style="display: none">
                    <ul class="search-param-nav-box" id="search-param-nav-box"></ul>
                    <a onclick="ParamerNav.removeAll()" class="right clear-btn layui-btn layui-btn-sm  layui-btn-primary" style="display: none"><i class="layui-icon layui-icon-fonts-clear"></i>清空参数</a>
                </div>
                <div class="choose-price">
                    <label class="name">价格范围</label>
                    <label class="unlimit cur" id="param-price-btn-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="价格">不限</a></label>
                    <ul class="price" style="width:auto">
                        <li class="no_h" style="padding-left: 0">
                            <input type="text" class="no_h param-price" id="param-price-start" placeholder="0" onkeyup="Paramer.price()"/> ~
                            <input type="text" class="no_h param-price" id="param-price-end" placeholder="0" onkeyup="Paramer.price()"/>
                        </li>
                    </ul>
                    <ul id="param-price-btn-box" class="choose-param-ul" style="width:auto"></ul>
                </div>
                <div class="choose-type">
                    <label class="name">商标类别</label>
                    <label class="unlimit cur" id="param-lei-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="类别">不限</a></label>
                    <ul id="param-lei-box" class="type choose-param-ul"></ul>
                    <span id="param-lei-all-box" style="display: none"></span>
                </div>
                <div class="choose-group-type">
                    <label class="name">类似群组</label>
                    <label class="unlimit cur" id="param-team-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="群组">不限</a></label>
                    <ul id="param-team-box" class="group choose-param-ul">
                        <ul id="param-team-00"><li style="padding-left: 0">请先选择商标类别</li></ul>
                        <?php $param_team_index = 1; while ($param_team_index < 46){ echo "<ul class='param-team-wrap' id='param-team-".$param_team_index."'></ul>"; $param_team_index++; } ?>
                    </ul>
                </div>
                <div class="hide">
                    <div class="choose-fuwu">
                        <label class="name">产品/服务</label>
                        <label class="unlimit cur" id="param-goods-input-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="产品/服务">不限</a></label>
                        <ul class="fuwu">
                            <li class="no_h" style="padding-left: 0;">
                                <input type="text" class="min-price" onblur="Paramer.goods()" id="param-goods-input"  placeholder="多个产品/服务之间请加空格" style="width:270px"/>
                            </li>
                        </ul>
                    </div>
                    <div class="choose-register-apply-count">
                        <label class="name">注册人申请量</label>
                        <label class="unlimit cur" id="param-sq-num-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="注册人申请量">不限</a></label>
                        <ul id="param-sq-num-box" class="apply-count choose-param-ul"></ul>
                        <ul id="param-black-sq-namer-box" style="display: none"></ul>
                    </div>
                    <div class="choose-combined-type">
                        <label class="name">组合类型</label>
                        <label class="unlimit cur" id="param-type-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="组合类型">不限</a></label>
                        <ul id="param-type-box" class="combined-type choose-param-ul"></ul>
                    </div>
                    <div class="choose-string-count">
                        <label class="name">商标字数</label>
                        <label class="unlimit cur" id="param-size-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="字数">不限</a></label>
                        <ul id="param-size-box" class="string-count choose-param-ul"></ul>
                    </div>
                    <div class="choose-applyer-type">
                        <label class="name">申请人类型</label>
                        <label class="unlimit cur" id="param-sq-type-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="申请人类型">不限</a></label>
                        <ul id="param-sq-type-box" class="applyer-type choose-param-ul"></ul>
                    </div>
                    <div class="choose-registed-years">
                        <label class="name">注册年限</label>
                        <label class="unlimit cur" id="param-age-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="年限">不限</a></label>
                        <ul id="param-age-box" class="registed-years choose-param-ul"></ul>
                    </div>
                    <div class="choose-struct-type">
                        <label class="name">名称结构</label>
                        <label class="unlimit cur" id="param-ab-type-box-unlimit"><a href="javascript:void(0)" onclick="AcBtn.unlimitChoosed(this)" data="名称结构">不限</a></label>
                        <ul id="param-ab-type-box" class="struct-type choose-param-ul"></ul>
                    </div>
                </div>
                <div class="choose-hide">
                    <span class="hide-button">隐藏选项 <img src="_STATIC_/img/search-shouqi@2x.png"/></span>
                </div>
                <div class="choose-show">
                    <span class="show-button">更多选项 <img src="_STATIC_/img/search-shouqi@2x.png" style="transform:rotateX(180deg)"/></span>
                </div>
            </div>
        </div>
        <!-- 商品列表 -->
        <div class="wrapper">
            <div class="goods-box" id="goods-box-content" style="display: none">
                <ul class="result-items-cube-box" v-cloak>
                    <li class="goods" v-for="item in items" :key="item.id" v-bind:id="item.id">
                        <a target="_blank" v-bind:href="getUrl(item)">
                            <div class="goods-image-box"><img v-bind:src='getPicUrl(item)' class="goods-image"></div>
                            <p class="goods-title">{{item.trademark_name}}</p>
                            <p class="goods-cate">{{item.cate_info.cate_sn}}类-{{item.cate_info.cate_name}}</p>
                            <p><span class="goods-price">￥{{item.trademark_price}}</span><span v-html="countGoods(item)"></span></p>
                        </a>
                        <div class="online-service"><a target="_blank" v-bind:href="getUrl(item)" style="color: #FFF">查看详情</a></div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="wrapper">
            <div class="none-result"></div>
        </div>
        <div class="wrapper">
            <div id="laypage-box"></div>
        </div>
    </div>
</div>
<!--右侧浮窗-->
<include file="Public:rightFloatBox" />
<!--购买浮窗-->
<include file="Public:buyFloatBox" />
<!--底部区域-->
<include file="Public:pageFooter" />
<script type="text/javascript">
    var initCategory = {$initCategory};
    var initSearcher = {$initSearcher};
    $(function (){
        $('span.hide-button').click();
    })
</script>
<script type="text/javascript" src="_STATIC_/js/vue-2.7.14.min.js"></script>
<script type="text/javascript" src="_STATIC_/layui/layui.js"></script>
<script type="text/javascript" src="_STATIC_/js/index.js?v={$staticVersion}01" ></script>
<script type="text/javascript" src="_STATIC_/search/function.js?v={$staticVersion}"></script>
<script type="text/javascript" src="_STATIC_/search/search.js?v={$staticVersion}01"></script>
</body>
</html>